import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface WarningCuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const WarningCuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: WarningCuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M11.28 2.024c-2.109.185-3.979.926-5.561 2.201-1.675 1.351-2.908 3.28-3.416 5.346-.216.881-.277 1.41-.277 2.429s.061 1.548.277 2.429c.886 3.607 3.839 6.502 7.457 7.311.844.189 1.287.236 2.24.236.953 0 1.396-.047 2.24-.236 3.618-.809 6.571-3.704 7.457-7.311.213-.869.276-1.413.278-2.409.001-.976-.043-1.404-.235-2.26-.458-2.049-1.658-4.025-3.26-5.369-1.824-1.531-3.915-2.321-6.26-2.368a15.89 15.89 0 0 0-.94.001m1.54 2.017c2.788.311 5.174 1.99 6.38 4.488a7.95 7.95 0 0 1-.001 6.945A8.02 8.02 0 0 1 12 19.999a8.014 8.014 0 0 1-7.2-4.528 7.948 7.948 0 0 1 0-6.942A7.973 7.973 0 0 1 8.529 4.8c1.323-.64 2.886-.916 4.291-.759m-1.177 2.028a1.118 1.118 0 0 0-.343.229c-.313.313-.3.157-.3 3.702 0 3.544-.013 3.39.299 3.701.18.18.459.299.701.299.242 0 .521-.119.701-.299.312-.311.299-.157.299-3.701s.013-3.39-.299-3.701a.998.998 0 0 0-1.058-.23m0 9c-.352.124-.643.545-.643.931 0 .242.119.521.299.701a.993.993 0 0 0 1.57-.212c.095-.161.111-.233.111-.489s-.016-.328-.111-.489a1.006 1.006 0 0 0-1.226-.442"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
